<form class="pure-form pure-u-1 uk-panel-box uk-margin-small-bottom" data-id="form-1" method="post">
    <div class="span-5 pure-control-group uk-margin-small-bottom uk-text-left">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-departmentTreeName"><%=obj.i18n_department%></label>
        <input id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-departmentTreeName" name="departmentTreeName" type="text"
               autocomplete="off" data-toggle="dropdownTree" data-code-selector="input[name='departmentCode']"/>
        <div class="dropdown-tree ui-helper-clearfix">
            <ul id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-departmentTree" class="ztree"
                data-async-url="/cardone/v1/usercenter/department/r0003.json"></ul>
        </div>
        <input type="hidden" name="departmentCode" value="<%=obj.departmentCode%>"/>
    </div>
    <div class="span-5 pure-control-group uk-margin-small-bottom uk-text-left">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-name"><%=obj.i18n_name%></label>
        <input id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-name" name="name" type="text" autocomplete="off"
               data-toggle="autocompleteName" data-code-selector="input[name='${(businessCode?uncap_first)!''}Code']"
               data-source="/${artifactId}/v1/${moduleMapperCode}/${(businessCode?uncap_first)!''}/r0002.json"/>
        <input type="hidden" name="${(businessCode?uncap_first)!''}Code" value="<%=obj.${(businessCode?uncap_first)!''}Code%>"/>
    </div>
    <div class="span-5 pure-control-group uk-margin-small-bottom uk-text-left advanced-search">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-flagName"><%=obj.i18n_flag%></label>
        <input id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-flagName" name="flagName" type="text" autocomplete="off"
               data-toggle="autocompleteName" data-code-selector="input[name='flagCode']"
               data-source="/cardone/v1/configuration/dictionary/r0002.json?dictionaryTypeCodes=${(businessCode?uncap_first)!''}Flag,flag"/>
        <input type="hidden" name="flagCode" value="<%=obj.flagCode%>"/>
    </div>
    <div class="span-5 pure-control-group uk-margin-small-bottom uk-text-left advanced-search">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-stateName"><%=obj.i18n_state%></label>
        <input id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-stateName" name="stateName" type="text" autocomplete="off"
               data-toggle="autocompleteName" data-code-selector="input[name='stateCode']"
               data-source="/cardone/v1/configuration/dictionary/r0002.json?dictionaryTypeCodes=${(businessCode?uncap_first)!''}State,state"/>
        <input type="hidden" name="stateCode" value="<%=obj.stateCode%>"/>
    </div>
    <div class="span-6 pure-control-group uk-margin-small-bottom uk-text-left advanced-search">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-dataStateName"><%=obj.i18n_data_state%></label>
        <input id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-dataStateName" name="dataStateName" type="text" autocomplete="off"
               data-toggle="autocompleteName" data-code-selector="input[name='dataStateCode']"
               data-source="/cardone/v1/configuration/dictionary/r0002.json?dictionaryTypeCodes=${(businessCode?uncap_first)!''}DataState,dataState"/>
        <input type="hidden" name="dataStateCode" value="<%=obj.dataStateCode%>"/>
    </div>
    <div class="span-11 pure-control-group uk-margin-small-bottom uk-text-left">
        <label for="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-startTime"><%=obj.i18n_time_slot%></label>
        <input type="text" id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-startTime" name="startTime" data-toggle="datePicker"
               data-date-fmt="yyyy-MM-dd" data-end-selector='input[name="endTime"]'>
        -
        <input type="text" id="${moduleMapperCode}-${(businessCode?uncap_first)!''}-index-form-endTime" name="endTime" data-toggle="datePicker"
               data-date-fmt="yyyy-MM-dd" data-begin-selector='input[name="startTime"]'>
    </div>
    <div class="pure-u-1 pure-control-group uk-margin-small-bottom uk-text-right">
        <a href="javascript:;" data-id="search" data-page-number="1" class="pure-button"
           data-target='div[data-id="table-1"]' data-toggle="delayDisabled,table"><span
                class="ui-icon ui-icon-search" style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_search%></a>
        <a href="javascript:;" class="pure-button" data-toggle="showToggle" data-target=".advanced-search" data-target-html="<span class='ui-icon ui-icon-extlink float-margin-1'></span><%=obj.i18n_common_search%>"><span
                class="ui-icon ui-icon-extlink" style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_advanced_search%></a>
        <a href="javascript:;" data-id="reset" class="pure-button" data-toggle="delayDisabled,cleanVal"><span class="ui-icon ui-icon-refresh"
                                                                         style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_reset%></a>
        <% if (obj.permission_add) { %>
        <a href="javascript:;" data-id="add" class="pure-button" data-toggle="delayDisabled"><span
                class="ui-icon ui-icon-circle-plus" style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_add%></a>
        <% } %>
        <% if (obj.permission_modify) { %>
        <a href="javascript:;" data-id="modify" class="pure-button" data-toggle="delayDisabled"><span
                class="ui-icon ui-icon-info" style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_modify%></a>
        <% } %>
        <% if (obj.permission_delete) { %>
        <a href="javascript:;" data-id="delete" class="pure-button" data-toggle="delayDisabled"><span
                class="ui-icon ui-icon-circle-minus" style="float:left; margin:0 3px 0px 0;"></span><%=obj.i18n_delete%></a>
        <% } %>
    </div>
</form>
<div class="pure-u-1"
     data-id="table-1"
     data-table-api-url="/${artifactId}/v1/${moduleMapperCode}/${(businessCode?uncap_first)!''}/r0001.json"
     data-table-template-url="/${moduleMapperCode}/${(businessCode?uncap_first)!''}/index-table.tpl.html"
     data-add-modal-url="/${moduleMapperCode}/${(businessCode?uncap_first)!''}/addModal"
     data-modify-modal-url="/${moduleMapperCode}/${(businessCode?uncap_first)!''}/modifyModal"
     data-delete-api-url="/${artifactId}/v1/${moduleMapperCode}/${(businessCode?uncap_first)!''}/d0001.json">
</div>